import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
// import reportWebVitals from './reportWebVitals';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
    <React.StrictMode>
        <App />
    </React.StrictMode>
);

// function Son() {
//     console.log('child render!');
//     return <div>Son</div>;
// }

// function Parent(props) {
//     const [count, setCount] = useState(0);

//     return (
//         <div
//             onClick={() => {
//                 setCount(count + 1);
//             }}
//         >
//             count:{count}
//             {props.children}
//         </div>
//     );
// }

// function App() {
//     return (
//         <Parent>
//             <Son />
//         </Parent>
//     );
// }
